<template>
	<view class="order-tips bg-white" v-if="info">
		<view class="title-box">
			<!-- refundSts 0取消 1待审核 2同意 3拒绝 4待收货 5已收货-->
			<template v-if="info.applyType === 1">
				<template v-if="info.refundSts === 0">{{$t('order.已撤销可以重新申请')}}</template>
				<template v-if="info.refundSts === 1">{{$t('order.已申请等待处理中')}}</template>
				<template v-if="info.refundSts === 2">
					<view class="e-m-b-10">
						{{$t('order.商家已同意退款')}}
					</view>
				</template>
				
				<template v-if="info.refundSts === 3">{{$t('order.商家已拒绝可重新申请')}}</template>
			</template>
			<template v-else>
				<template v-if="info.refundSts === 0">{{$t('order.已撤销可以重新申请')}}</template>
				<template v-if="info.refundSts === 1">{{$t('order.已申请等待处理中')}}</template>
				<template v-if="info.refundSts === 2">{{$t('order.商家已同意请寄件')}}</template>
				<template v-if="info.refundSts === 3">{{$t('order.商家已拒绝可重新申请')}}</template>
				<template v-if="info.refundSts === 4">{{$t('order.已退回商品待商家确认收货')}}</template>
				<template v-if="info.refundSts === 5">
					<view class="">
						{{$t('order.商家已确认收货')}}
					</view>
					
				</template>
				
			</template>
			<view class="e-p-t-10" v-if="info.returnMoneySts === 0">
				{{$t('order.退款需等待几天')}}
			</view>
		</view>
		<view class="tips c-secondary e-font-24" v-if="info.returnMoneySts !== 1">
			<view class="e-m-b-10" v-if="info.applyType === 2">
				· {{$t('order.退款提示1')}}
			</view>
			<view class="e-m-b-10">
				· {{$t('order.退款提示2')}}
			</view>
			<view class="e-m-b-10">
				· {{$t('order.退款提示3')}}
			</view>
			<view >
				· {{$t('order.退款提示4')}}
			</view>
		</view>
		<template v-if="info.applyType === 1 && info.refundSts === 2 || info.applyType === 2 && info.refundSts === 5 && info.returnMoneySts === 1">
			<view class="title-box border-bottom-de e-flex e-flex-between e-font-30" >
				<text>{{$t('order.退款总金额')}}</text>
				<text class="c-red">{{$unitEn}}{{info.refundAmount}}</text>
			</view>
			<view class="title-box e-flex e-flex-between e-font-30">
				<text>{{$t('order.退款账户')}}</text>
				<text >{{info.payTypeName}}</text>
			</view>
		</template>
		
	</view>
</template>

<script>
	export default {
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
		props:{
			info:Object
		},
		computed:{
		}
	}
</script>

<style scoped lang="scss">
	.order-tips{
		padding: 0 30rpx;
		.title-box{
			padding: 30rpx 0;
		}
		.border-bottom-de {
			border-bottom: 2rpx solid #DFDFDF;
		}
		.tips{
			padding: 20rpx 0 26rpx 0;
		}
	}
</style>
